<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/View/";     
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    	<base href="<%=basePath%>">
        <meta charset="utf-8">
        <meta name="viewport" content="" />
        <meta name="format-detection" content="telephone=no">
        <title>商城</title>
        <link rel="stylesheet" href="css/slider.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/index/main.css">
        <link rel="stylesheet" href="css/frozen.css">
		<link rel="stylesheet" href="css/demo.css">
		<link rel="stylesheet" href="iconfont/iconfont.css">
		
		<script src="lib/zepto.min.js"></script>
		<script src="js/frozen.js"></script>
		<script src="js/mian.js"></script>
    </head>
    <body ontouchstart>
        <section class="ui-container">
        <div class="ui-slider">
             <ul class="ui-slider-content" style="width: 300%">
                 <li><img src="images/banner1.jpg" alt=""></li>
                 <li><img src="images/banner2.jpg" alt=""></li>
                 <li><img src="images/banner3.jpg" alt=""></li>
             </ul>
         </div>
        </section>
        <section id="slider">
            <div class="demo-item"> 
                <ul class="ui-row ui-whitespace">
                    <li class="li1">
                        <a href="product/slider.do">
                            <img src="images/b1.png" alt="">
                            <p>我的商城</p>
                        </a>
                    </li>
                    <li class="li2">
                        <a href="task/time.do" style="background-color: #434343">
                            <img src="images/b2.png" alt="">
                            <p>我的签到</p>
                        </a>
                    </li>
                    <li class="li3">
                        <a href="member/integral.do" style="background-color: #434343">
                            <img src="images/b3.png" alt="">
                            <p>我的积分</p>
                        </a>
                    </li>
                    <li class="li4">
                        <a href="task/inventory.do">
                            <img src="images/b4.png" alt="">
                            <p>我的任务</p>
                        </a>
                        <a href="member/exchange.do">
                            <img src="images/b5.png" alt="">
                            <p>兑换记录</p>
                        </a>
                    </li>
                    <li class="li5">
                        <a href="member/address.do">
                            <img src="images/b6.png" alt="">
                            <p>收货地址</p>
                        </a>
                    </li>
                    <li class="li6">
                        <a href="http://mtp.gdgpec.com/index.php" style="background-color: #434343">
                            <img src="images/a7.png" alt="">      
                        </a>
                    </li>
                </ul>
                <!--<div class="demo_in"><a href="member/address.do">收货地址</a></div>  -->
            </div>
        </section><!-- /.ui-container-->
    </body>
</html>
<!-- banner滚动图 -->
<script class="demo-script">
    (function (){
        var slider = new fz.Scroll('.ui-slider', {
            role: 'slider',
            indicator: true,
            autoplay: true,
            interval: 3000
        });

        /* slider.on('beforeScrollStart', function(fromIndex, toIndex) {
            console.log(fromIndex,toIndex)
        });

        slider.on('scrollEnd', function(cruPage) {
            console.log(cruPage)
        }); */
    })();
</script>